<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="fragment/Headfragment::Headfragment">
</head>

<body>

<div class="container-scroller">
    <!-- partial:../../partials/_navbar.html -->
    <nav th:replace="fragment/PageHeadfragmeng::PageHeadfragment"></nav>
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
        <!-- partial:../../partials/_sidebar.html -->
        <nav th:replace="fragment/PageSidebarfragment::PageSidebarfragment"></nav>

        <!-- partial -->
        <div class="main-panel">
            <div class="page-header">
                <h3 class="page-title">
              <span class="page-title-icon bg-gradient-primary text-white mr-2">
                <i class="mdi mdi-home"></i>
              </span>
                    主页
                </h3>
                <nav aria-label="breadcrumb">
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item active" aria-current="page">
                            <span></span>Overview
                            <i class="mdi mdi-alert-circle-outline icon-sm text-primary align-middle"></i>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="col-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">客户信息表</h4>
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>名称</th>
                                    <th>状态</th>
                                    <th>所属某地</th>
                                    <th>上线时间</th>
                                    <th>电话</th>
                                    <th>邮箱</th>
                                    <th>等级</th>
                                    <th>渠道</th>
                                    <th>当前进度</th>
                                    <th>关联客服</th>
<!--                                    <th>操作</th>-->
                                </tr>
                                </thead>
                                <tbody>
                                <tr th:each="cs:${session.list}">
                                    <td th:text="${cs.getId()}"></td>
                                    <td th:text="${cs.getRealname()}"> </td>
                                    <td th:text="${cs.getState()}"> </td>
                                    <td th:text="${cs.getCustomername()}"> </td>
                                    <td th:text="${cs.getCreatetime().getYear()+'-'+cs.getCreatetime().getMonthValue()+'-'+cs.getCreatetime().getDayOfMonth()+'  '
                                                            +cs.getCreatetime().getHour()+':'+cs.getCreatetime().getMinute()+':'+cs.getCreatetime().getSecond()}"> </td>
                                    <td th:text="${cs.getPhone()}"> </td>
                                    <td th:text="${cs.getEmail()}"> </td>
                                    <td th:text="${cs.getLevel()}"> </td>
                                    <td th:text="${cs.getChannel()}"> </td>
                                    <td th:text="${cs.getRemark()}"> </td>
                                    <td th:text="${cs.customerserviceid}"> </td>
                                    <td>
                                        <a th:href="@{/customerInfo/Delete(id=${cs.id},current=${session.current},size=${session.size})}">删除</a>
                                        <a th:href="@{/customerInfo/Update(id=${cs.getId()})}">修改</a>
<!--                                        <a th:href="@{/customerInfo/Black(id=${cs.getCustomerid()})}">拉黑</a>-->
                                    </td>
                                </tr>
                                </tbody>

                            </table>
                            <div align="center">
                            <a th:href="@{/customerInfo/Customer(current=1,size=8)}"><span th:text="首页" style="color: black"></span></a>
                            <!--                  需要修改下面的#numbers.sequence(1,5)-->
                            <a th:href="@{/customerInfo/Customer(current=${i},size=8)}" th:each="i : ${#numbers.sequence(1,session.pagesCount)}" ><span th:text="${i}" style="border: 1px solid #e3e3e3; height: 16px; width:16px;text-align: center;vertical-align: middle;padding-left: 5px;padding-right: 5px;margin-left: 10px">1</span></a>
                            <a th:href="@{/customerInfo/Customer(current=${session.pagesCount},size=5)}"><span th:text="尾页" style="color: black"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- content-wrapper ends -->
            <!-- partial:../../partials/_footer.html -->
            <!-- partial -->
        </div>
        <!-- main-panel ends -->
    </div>
    <!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<!-- plugins:js -->
<script src="vendors/js/vendor.bundle.base.js"></script>
<script src="vendors/js/vendor.bundle.addons.js"></script>
<!-- endinject -->
<!-- Plugin js for this page-->
<!-- End plugin js for this page-->
<!-- inject:js -->
<script src="js/off-canvas.js"></script>
<script src="js/misc.js"></script>
<!-- endinject -->
<!-- Custom js for this page-->
<!-- End custom js for this page-->
</body>

</html>
